<template>
  <div>
    <el-form ref="detailForm" :model="detailForm" label-width="80px">
      <el-form-item label="群组名称" prop="groupNames">
        {{ detailForm.groupNames }}
      </el-form-item>
      <el-form-item label="发送内容" prop="sendInfo">
        {{ detailForm.sendInfo }}
      </el-form-item>
      <el-form-item label="发送状态" prop="status">
        <span v-if="detailForm.status === -1" class="orange">发送中</span>
        <span v-if="detailForm.status === 0" class="green">成功</span>
        <span v-if="detailForm.status === 1" class="red">异常</span>
      </el-form-item>
      <el-form-item label="发送人" prop="createBy">
        {{ detailForm.createBy }}
      </el-form-item>
      <el-form-item label="发送时间" prop="createTime">
        {{ detailForm.createTime }}
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      detailForm: {},
    };
  },
};
</script>

<style>
.green {
  color: #13ce66;
}

.red {
  color: red;
}
.orange{
  color: orange;
}
</style>
